<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品展示页面</title>
  <!-- layui -->
  <link href="lib/layui/css/layui.css" rel="stylesheet">
  <script src="lib/layui/layui.js"></script>
   <style type="text/css">
     .mi-slider img{
        box-shadow:15px 5px 10px #666;
     }
     #discountGood img{
        
        border:6px rgba(100,100,100,0.5) solid;
		height:200px;
		border-radius:10px;
		background-color:rgba(175,175,175,0.5);
		box-shadow:15px 5px 10px #666;
		overflow:hidden;
     }
     #showGoodIfyUl img{
        box-shadow:15px 5px 10px #666;
        position: relative;
        display: inline-block;
        -webkit-transition: all 0.4s linear;
        border:1px rgba(175,175,175,0.8) solid;
		background-color:rgba(175,175,175,0.5);
		overflow:hidden;
     }
     #showGoodIfyUl img:HOVER {
        -webkit-transform: scale(0.95);
     }
     #showGoodIfyUl .thumbnail{
        border: none;
     }
 </style>
</head>
<body>

<jsp:include page="/WEB-INF/jsp/front/header.jsp"/>	

<!-- ========== CONTENT START ========== -->

<section id="content">
  <div class="container">
    <h2 class="page-title"><i class="fa fa-tasks fa-lg"></i>  商品展示</h2>
     <!-- 商品菜单 -->
     <div class="collapse navbar-collapse top-nav" id="goodMeau">
          <ul class="nav navbar-nav" id="typeMeau" style="margin-bottom: -2.5%; margin-top: -2%;width: 100%;">
            <li><a><font size="4" style="color: blue;"><i class="fa fa-eraser fa-lg"></i> 类型：</font></a></li>
            <li class="li-item" key="tname"><a  val='1'  href="javascript:;">运动装</a></li>
            <li class="li-item" key="tname"><a  val='2'  href="javascript:;">职业装</a></li>
            <li class="li-item" key="tname"><a  val='3'  href="javascript:;">休闲装</a></li>
          </ul>
          <ul class="nav navbar-nav" id="priceMeau" style="margin-bottom: -2.5%;">
            <li><a><font size="4" style="color: blue;"><i class="fa fa-quote-left fa-lg"></i>  价格：</font></a></li>
            <li class="li-item" key="price"><a  val='999'  href="javascript:;">1000以下</a></li>
            <li class="li-item" key="price"><a  val='1000'  href="javascript:;">1000-1999</a></li>
            <li class="li-item" key="price"><a  val='2000'  href="javascript:;">2000-2999</a></li>
            <li class="li-item" key="price"><a  val='3000'  href="javascript:;">3000-3999</a></li>
            <li class="li-item" key="price"><a  val='4000'  href="javascript:;">4000-4999</a></li>
            <li class="li-item" key="price"><a  val='5000'  href="javascript:;">5000以上</a></li>
          </ul>
          <ul class="nav navbar-nav" id="discountMeau" style="margin-bottom: -2.5%;">
            <li><a><font size="4" style="color: green;"><i class="fa fa-umbrella fa-lg"></i> 折扣：</font></a></li>
            <li class="li-item" key="discount"><a  val='0.1'  href="javascript:;">0.1-0.2</a></li>
            <li class="li-item" key="discount"><a  val='0.2'  href="javascript:;">0.2-0.3</a></li>
            <li class="li-item" key="discount"><a  val='0.3'  href="javascript:;">0.3-0.4</a></li>
            <li class="li-item" key="discount"><a  val='0.4'  href="javascript:;">0.4-0.5</a></li>
            <li class="li-item" key="discount"><a  val='0.5'  href="javascript:;">0.5-0.6</a></li>
            <li class="li-item" key="discount"><a  val='0.6'  href="javascript:;">0.6-0.7</a></li>
            <li class="li-item" key="discount"><a  val='0.7'  href="javascript:;">0.7-0.8</a></li>
            <li class="li-item" key="discount"><a  val='0.8'  href="javascript:;">0.8-0.9</a></li>
            <li class="li-item" key="discount"><a  val='0.9'  href="javascript:;">0.9-1.0</a></li>
          </ul>
          <ul class="nav navbar-nav" id="stateMeau" style="margin-bottom: -2.5%;width: 100%;">
            <li><a><font size="4" style="color: blue;"><i class="fa fa-gift fa-lg"></i>  状态：</font></a></li>
            <li class="li-item" key="goodState"><a href="javascript:;" val="1">上架</a></li>
            <li class="li-item" key="goodState"><a href="javascript:;" val="0">下架</a></li>
          </ul>
          <ul class="nav navbar-nav" id="ghjMeau" style="margin-bottom: -2.5%;width: 100%;">
            <li><a><font size="4"><i class="fa fa-flag fa-lg"></i>当前条件：</font></a></li>
            <li><div id="query-div"></div></li>
          </ul> 
        </div><br/>
   
	    <!-- 显示房屋信息  区域 -->
		<div class="am-g">
			<ul id="showGoodIfyUl" class="am-avg-lg-4 am-thumbnails"></ul>
		</div>
        <!-- 显示房屋信息  区域  end -->
        
     </div>
    <!-- 分页标签 -->
    <div id="pageLimit" align="center"></div>
		
</section>

<!-- ========== CONTENT END ========== -->

<jsp:include page="/WEB-INF/jsp/front/leftCar.jsp"/>

<script src="js/front/showGoodIfy.js"></script>
</body>
</html>